# Drop Zone

## Installation

`npm i @snack-uikit/drop-zone`

## TODO

- `accept` правильно работает после клика, но не работает для drop
- drop в `disabled` режиме приводит к открытию файла в отдельной вкладке (дефолтное поведение браузера)
- Increase coverage
- Reconsider markup (button should contain no elements inside)

[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## DropZone
Компонент - дропзона
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | `(files: File[]) => void` | - | Колбек загрузки файла |
| title | `string` | - | Заголовок |
| description | `ReactNode` | - | Описание |
| disabled | `boolean` | - | Деактивирован ли компонент |
| mode | enum UploadMode: `"single"`, `"multiple"` | multiple | Режим |
| accept | `string` | - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |
| className | `string` | - | CSS-класс |
## HiddenDropZone
Компонент - скрытая дропзона
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | `(files: File[]) => void` | - | Колбек загрузки файла |
| title | `string` | - | Заголовок |
| description | `ReactNode` | - | Описание |
| disabled | `boolean` | - | Деактивирован ли компонент |
| mode | enum UploadMode: `"single"`, `"multiple"` | multiple | Режим |
| accept | `string` | - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |
| className | `string` | - | CSS-класс |
## FileUpload
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | `(files: File[]) => void` | - | Колбек загрузки файла |
| mode | enum UploadMode: `"single"`, `"multiple"` | multiple | Режим |
| accept | `string` | - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |


[//]: DOCUMENTATION_SECTION_END